body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;font-family: 'Source Sans Pro', sans-serif;}html body{font-family: 'Source Sans Pro', sans-serif;}input,button,textarea,select,optgroup,option {font-family: 'Source Sans Pro', sans-serif;font-style:inherit; }ol,ul {list-style:none;}table {border-collapse:collapse;border-spacing:0;}
body{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
html{font-size:100px;}
.clear{ clear:both;}
a{text-decoration: none; color:#333}

body{ background: #f5f6f7;}
.center{ width:85%; margin:0 auto;}
.sszx{ width:49.6%; float:left}
.sszxlb{ width:49.6%; float:left }
.sszxtp{width:49.6%;  float:right}
.xbpdt{width:49.6%;  float:right}
.xbplb{width:49.6%;  float:left }
.xbptp{width:49.6%;  float:right}

.xnll{ width:32.6%; float:left; }
.vrly{ width:32.7%; float:left;margin-left:1%;}
.jdfw{ width:32.7%; float:left;margin-left:1%;}

.scenicBox{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 0.2rem;width: 100%;}
.scenicLeft{width: 25%;height: 4.3rem;margin-right: 0.2rem;position: relative;}
.scenicRight{width: 75%;height: 4.3rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.scenicRight, .scenicTop {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.scenicTop {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.scenicBott {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.mobileRange{display: none;}

.navBox, .navItem{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.navBox {margin: 0 auto;height: 0.5rem;background: url(homeTop.a108d3f.png);background-size: 100% 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.navItem{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0.7rem;margin-left: 0.1rem;}
.navSearch{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 0.48rem;background: hsla(0, 0%, 100%, .6);padding: 0 0.1rem;font-size: .2rem;}

.zuo{display:none}
.you{display:none}


@media screen and (max-width: 1200px){ 
html{font-size:52px;}
.center{ width:89%; margin:0 auto;}
.sszx{ width:100%; float:none}
.xbpdt{ width:100%;  float:none}
.xnll{width:100%;  float:none; }
.vrly{ width:100%;  float:none;margin-left:0%;}
.jdfw{ width:100%;  float:none;margin-left:0%;}
.navItem{min-width: 1.2rem;font-size: .36rem;}
.navSearch{display: none;}
.scenicBox{display: none}
.mobileRange{display: block;}
.navBox{width: 100%;margin: 0 auto;height: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;overflow-x: scroll;}
.navItem{min-width: 1.2rem;font-size: .36rem;}
.navSearch{display: none;}
.zuo {display: block;width: 0px;height: 1px;border: 6px solid transparent;border-right-color: white;position: absolute;bottom: 6px;left: calc(3% - 10px);}
.you{display: block;width: 0px;height: 1px;border: 6px solid transparent;border-left-color: white;position: absolute;bottom: 6px;right: calc(2% - 10px);}


}